<div class="modal-main">
	<div class="modal-left">
		<ul class="nav nav-tabs" id="myTab2"
			style="padding-left:12px;background-image: linear-gradient(#F1F5FD, #E9F0FF);padding: 0;">
			<li class="active s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('1')">车辆正面
					<img class="tab-icon"
						*ngIf="examineInfoList['1'] && (examineInfoList['1'].isPass || examineInfoList['1'].isPass == 0)"
						[src]="examineInfoList['1'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('2')">车辆侧面
					<img class="tab-icon"
						*ngIf="examineInfoList['2'] && (examineInfoList['2'].isPass || examineInfoList['2'].isPass == 0)"
						[src]="examineInfoList['2'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('3')">主机
					<img class="tab-icon"
						*ngIf="examineInfoList['3'] && (examineInfoList['3'].isPass || examineInfoList['3'].isPass == 0)"
						[src]="examineInfoList['3'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('4')">传感器
					<img class="tab-icon"
						*ngIf="examineInfoList['4'] && (examineInfoList['4'].isPass || examineInfoList['4'].isPass == 0)"
						[src]="examineInfoList['4'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('5')">天线
					<img class="tab-icon"
						*ngIf="examineInfoList['5'] && (examineInfoList['5'].isPass || examineInfoList['5'].isPass == 0)"
						[src]="examineInfoList['5'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('6')">其他
					<img class="tab-icon"
						*ngIf="examineInfoList['6'] && (examineInfoList['6'].isPass || examineInfoList['6'].isPass == 0)"
						[src]="examineInfoList['6'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('7')">电源
					<img class="tab-icon"
						*ngIf="examineInfoList['7'] && (examineInfoList['7'].isPass || examineInfoList['7'].isPass == 0)"
						[src]="examineInfoList['7'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('8')">行驶证
					<img class="tab-icon"
						*ngIf="examineInfoList['8'] && (examineInfoList['8'].isPass || examineInfoList['8'].isPass == 0)"
						[src]="examineInfoList['8'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
			<li class="s-lis">
				<a data-toggle="tab" href="" (click)="switchTab('9')">付款凭证
					<img class="tab-icon"
						*ngIf="examineInfoList['9'] && (examineInfoList['9'].isPass || examineInfoList['9'].isPass == 0)"
						[src]="examineInfoList['9'].isPass == 1 ? rightIcon : errorIcon" />
				</a>
			</li>
		</ul>
		<sa-image-browse [imageList]="imageList" [currentImageUrl]="currentImageUrl" (switchTab)="switchTab($event)">
		</sa-image-browse>
	</div>
	<div class="modal-right">
		<div class="modal-right_item">
			<div class="modal-item_title">车辆信息</div>
			<div class="modal-item_body">
				<p>车牌号：{{ car.carNumber || '--' }}</p>
				<p>车型：{{ getCarInfor() || '--' }}</p>
				<p>传感器通道：
					<span class="item-value table_scroll" [attr.title]="" *ngIf="car.sensorChannel && car.sensorChannel.length != 0">
						<span class="channel-style bg-green" *ngFor="let item of car.sensorChannel">{{item}}</span>
					</span>
					<span *ngIf="!car.sensorChannel || car.sensorChannel.length == 0">--</span>
				</p>
				<p>安装人员：{{ deviceInstallExamine.installUser || '--' }}</p>
				<p>安装时间：{{ deviceInstallExamine.installDate || '--' }}</p>
			</div>
		</div>

		<div class="modal-right_item" *ngIf="currentSwitchType === '8'">
			<div class="modal-item_title">行驶证资料</div>
			<div class="modal-item_body">
				<p>车牌号：{{ drivingLicense.carNumber || '--' }}</p>
				<p>车辆类型：{{ drivingLicense.vehicleType || '--' }}</p>
				<p>所有人：{{ drivingLicense.name || '--' }}</p>
				<p>使用性质：{{ drivingLicense.useCharacter || '--' }}</p>
				<p>品牌型号：{{ drivingLicense.model || '--' }}</p>
				<p>车辆识别代码：{{ drivingLicense.vin || '--' }}</p>
				<p>注册日期：{{ drivingLicense.registerDate || '--' }}</p>
				<p>发证机关：{{ drivingLicense.issuingAuthority || '--' }}</p>
				<p>发证日期：{{ drivingLicense.issueDate || '--' }}</p>
			</div>
		</div>

		<div class="modal-right_item"
			*ngIf="deviceInstallExamine.firstExamineResultInfo && examineInfoList[currentSwitchType] && ((checkType === 'first' && (deviceInstallExamine.examineStatus == '1' || deviceInstallExamine.examineStatus == '2')) || checkType === 'second')">
			<div class="table_scroll">
				<table
					class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
					<thead>
						<tr>
							<th>姓名</th>
							<th *ngFor="let item of examineInfoList[currentSwitchType].nodes">{{ item.nodeName }}</th>
							<th>审核意见</th>
						</tr>
					</thead>
					<tbody>
						<tr *ngFor="let item of deviceInstallExamine.firstExamineResultInfo[currentSwitchType].data">
							<td>{{ item.userName }}</td>
							<td *ngFor="let nodeItem of examineInfoList[currentSwitchType].nodes">
								{{ item[nodeItem.nodeName] === 1 ? '合格' : '不合格' }}
							</td>
							<td>
								<button class="text_btn" (click)="openCheckWindow(checkModal)">审核意见</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="modal-right_item"
			*ngIf="examineInfoList[currentSwitchType] && examineInfoList[currentSwitchType].nodes.length">
			<div class="modal-item_title">节点审核</div>
			<div class="modal-item_body">
				<div class="modal-item_body_item" *ngFor="let item of examineInfoList[currentSwitchType].nodes, let i = index">
					<div class="modal-item_body_item_label">{{ item.nodeName }}</div>
					<div class="modal-radio_group">
						<button [ngClass]="item.className1" (click)="radioChange(i, '1', item.nodeName)">合格</button>
						<button [ngClass]="item.className2" (click)="radioChange(i, '2', item.nodeName)">不合格</button>
						<!-- <label class="radio-inline">
                            <input type="radio" [disabled]="isDisable" class="radiobox" [name]="item.nodeName" [value]='1' [(ngModel)]="item.isAdopt" (change)="radioChange('1', item.nodeName)">
                            <span>合格</span>
                        </label>
                        <label class="radio-inline no-margin">
                            <input type="radio" [disabled]="isDisable" class="radiobox" [name]="item.nodeName" [value]='2' [(ngModel)]="item.isAdopt" (change)="radioChange('2', item.nodeName)">
                            <span>不合格</span>
                        </label> -->
					</div>
				</div>
			</div>
		</div>
		<div class="modal-right_item"
			*ngIf="examineInfoList[currentSwitchType] && examineInfoList[currentSwitchType].nodes.length">
			<div class="modal-item_title">审核意见</div>
			<div class="modal-item_body">
				<textarea placeholder="请输入审核意见..." [disabled]="isDisable"
					[(ngModel)]="examineInfoList[currentSwitchType].exmaineOpinion"></textarea>
			</div>
		</div>
	</div>
</div>
<section bsModal #checkModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
	aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" style="width: 1000px;"
		*ngIf="deviceInstallExamine.firstExamineResultInfo && deviceInstallExamine.firstExamineResultInfo[currentSwitchType] && ((checkType === 'first' && (deviceInstallExamine.examineStatus == '1' || deviceInstallExamine.examineStatus == '2')) || checkType === 'second')">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="closeCheckWindow(checkModal)" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">审核意见</h4>
			</div>
			<div class="modal-body" style="padding: 0 20px 20px 20px">
				<table
					class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
					<thead>
						<tr>
							<th>姓名</th>
							<th>审核意见</th>
						</tr>
					</thead>
					<tbody>
						<tr *ngFor="let item of deviceInstallExamine.firstExamineResultInfo[currentSwitchType].data">
							<td style="min-width: 100px">{{ item.userName }}</td>
							<td style="word-break: break-all; white-space: normal">{{ item.examineOpinion }}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</section>